<template>
	<!-- 全局的盒子样式  注意：如果ui图无法通过当前组件的padding设置 则可以通过把padding设置为0后重新布局 -->
	<view :style="{padding:paddingLRTB,background:bgColor,borderRadius:radius+'rpx'}">
		<slot></slot>
	</view>
</template>

<script>
	export default {
		props:{
			//四周
			padding:{
				type:[Number,String],
				default:0
			},
			background:{
				type:String,
				default:''
			},
			radius:{
				type:[Number,String],
				default:17
			},
			//左右
			paddinglr:{
				type:[Number,String],
				default: 0
			},
			//上下
			paddingtb:{
				type:[Number,String],
				default: 0
			}
		},
		computed: {
			bgColor() {
				return this.background || this.currentThemeObj.cardbgColor
			},
			paddingLRTB(){
				if(!isNaN(this.padding)&&Number(this.padding) > 0){
					return this.padding+'rpx'
				}
				if(!isNaN(this.paddinglr)&&Number(this.paddinglr) > 0){
					return `0 ${this.paddinglr}rpx`
				}
				if(!isNaN(this.paddingtb)&&Number(this.paddingtb) > 0){
					return `0 ${this.paddingtb}rpx`
				}
			}
		}
	}
</script>
